<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notification Agent Acceptance Testing</title>
    <link href="/static/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
    <div class="container mt-4">
        <h1 class="mb-4">Notification Agent Acceptance Testing</h1>
        <form id="agent-form" method="post">
            <div class="mb-3">
                <label for="user_id" class="form-label">user id</label>
                <input type="text" id="user_id" name="user_id" class="form-control">
            </div>
            <div class="mb-3">
                <label for="graph_id" class="form-label">graph id</label>
                <input type="text" id="graph_id" name="graph_id" class="form-control">
            </div>
            <div class="mb-3">
                <label for="graph_version" class="form-label">graph version</label>
                <input type="text" id="graph_version" name="graph_version" class="form-control">
            </div>
            <div class="mb-3">
                <label for="ws_uri" class="form-label">websocket uri</label>
                <input type="text" id="ws_uri" name="ws_uri" class="form-control">
            </div>

            <div class="d-flex align-items-center mb-3">
                <button type="submit" id="submit" class="btn btn-primary">
                    <span class="spinner-border spinner-border-sm d-none" id="spinner" role="status" aria-hidden="true"></span>
                    Subscribe Agent Notification
                </button>
            </div>
        </form>
    </div>

    <div id="output"></div> 

    <script src="/static/agent_test.js" language="javascript" type="text/javascript"></script> 
</body>
</html>